.home {
    display: grid;
    height: 100%;
    grid-template-columns: 1fr;
    grid-template-rows:60px 350px 60px 1fr;
    gap: 20px;

    &>div {
        &:nth-child(2n-1) {
            display: flex;
            align-items: center;
            padding: 0 20px;
            border-bottom: 1px solid #F2F6FC;
            border-top: 1px solid #F2F6FC;

            button {
                margin-left: 10px;
            }
        }

        &:nth-child(2n) {
            padding: 0 20px;
        }

        &:nth-child(2) {
            display: flex;

            .table-container {
                flex: 1;
            }

            .bar-chart {
                flex: 3;
                display: grid;
                place-items: center;
                color: #333;
                font-size: 20px;
            }
        }


    }

    .line-chart {
        display: grid;
        place-items: center;
        color: #333;
        font-size: 20px;
    }
}